<template>
	<div id="page">
		<img style="width:120px;height120px;border-radius:60px;" class="img_tyle" :src="userInfo.imgUrl">
		<label>{{userInfo.name}}</label>
		{{userInfo.ImgUrl}}
	</div>
</template>
<script >
	
	export default {

	data(){
		return {
			userInfo:{}
		}
	},
	created(){
		 var _self=this;
		 this.$store.commit('changeIndexConf', {
                isFooter: true,
                isToast:  true,
                toastTip:   "正在加载中...",  
            })
         this.api.getUserInfo(this.args().id).then(res => {   
              _self.$store.commit('changeIndexConf', {
                isToast: false,
                })
                _self.userInfo=res.data[0];
                   
            }).catch(function(error) {
                console.log(error);
            });
		  
	},

	mounted(){
		
	},
	components: {
		
	}
}
</script>
<style lang="scss" scoped>
	@import "../../static/css/mine.scss"; 
</style>